<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数字练习</title>
</head>
<body>
<h3>猜数字游戏，已生成一个1-100的随机数字</h3>
<input type="text" placeholder="请输入您猜的数字！">
<button onclick="guess()">猜</button>
<h3>提示：<span id="d1"></span></h3>

<script>
    let num = parseInt(Math.random()*100+1);
    console.log(num);
    function guess(){
        let input = document.querySelector('input');
        let value = parseInt(input.value);
        //isNaN() 函数用于检查其参数是否是非数字值。
        if(isNaN(value)) {
            //alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
            alert('请输入数字');
            return
        }
        if(value>num){
            document.querySelector('#d1').innerText = '猜大了';
        }else if(value<num){
            document.querySelector('#d1').innerText = '猜小了';
        }else{
            document.querySelector('#d1').innerText = '恭喜你，猜对了';

        }
    }
</script>

</body>
</html>